CLASSIFICAÇÃO POR ESTRELAS

                                                                                                 Vamos lá,  vá na página html do seu template.
Dê um CTRL + F & Procure por:
(OBS: RETIRE OS * ANTES DE PROCURA&INSERIR)

<*data:post.body/>

Abaixo dessa linha adicione:

<*div style='float:left; margin-right:3px;'/>
<*div class='js-kit-rating' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
<*/div>

Agora procure por:

<*/body>

& logo abaixo desse código adicione:

<*script src='http://js-kit.com/ratings.js'/>

Salve, veja se ocorreu tudo como planejado & salve. Aproveite.
Dúvidas? Comente

Colocando Publicidade Para Blogger

Codigo:

Uze Ctrl+F Para Procurar

ADICIONAR ANTES DE ]]></b:skin>

/*pub*/

.banner468 {

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGQo7977X0UBi0z3sjQTd-1eFVM5bMgGhjKv_18r2Sp5KHmNTvG80juzyTlsKzV9HMwGZEO5MwypgJiRMSdoBH3M4-vcBLiP85scOHP3vGnJq3aFVtg5ixZwkFX4wnIZrmrXxO5is1T-M/s1600/Publicidadeee.jpg) no-repeat;

height:83px;

width:480px;

margin:auto;

padding:19px 0 0 10px;

}

.banner468 img {

border:none;

}

ADICIONAR ENTRE <b:section class='main'

<div class='banner468'><a href='http://www.Site Publicidade aki.Blogspot.com/' target='_blank'><img alt='Anuncie aqui!' border='0' src='Imagem Do Anunciante Aki'/></a></div>

Passarinho do Twitter Voando No Blog

 

Bom pessoal para colocar esse passarinho i é fácil !!

Tem duas maneiras de se fazer

1° Entre no Blogger >> Design >> Adcionar um gadget >> Html JavaScript e cole o seguinte código

<script  src="http://oloblogger.googlecode.com/files/tripleflap.js"  type="text/javascript"></script> <br /> <script  type="text/javascript"> var  birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var  targetElems=new  Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');  var twitterAccount = 'http://twitter.com/Seu Nick'; var twitterThisText =''; tripleflapInit();  </script><br /> <br /> <br /> <br />

Substitua  o SEU NICK pelo seu nick do twitter!!

2 °  Entre no Blogger >> Design >> Editar HTML >> CTRL + F

Procure por </head> e cole o codigo abaixo antes da TAG

<script  src="http://oloblogger.googlecode.com/files/tripleflap.js"  type="text/javascript"></script> <br /> <script  type="text/javascript"> var  birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var  targetElems=new  Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span');  var twitterAccount = 'http://twitter.com/seunick'; var twitterThisText =''; tripleflapInit();  </script><br /> <br /> <br /> <br />  

Substitua SEU NICK por o seu nick do twitter

TUTORIAL - UMA IMAGEM PARA CADA SIDEBAR

SE GOSTOU COMENTE! E AGRADEÇA AO SITE TORNANDO-SE SEGUIDOR!

 Vou ensinar colocar uma imagem diferente para cada título da sidebar. Após instalar na Sidebar as widgets (Elementos de Página, como listas de links, imagens, slide, etc,) vá em Editar HTML, e procure pelo trecho do código html da sidebar, onde estão os widgets que você colocou, como na imagem

Anote o nome de cada id dos widgets (sublinhado em vermelho) e acrescente no código CSS, acima de ]]></b:skin>:

#id do widget h2{background: url(link da imagem) center left no-repeat}

por exemplo:

#Image5 h2{background: url(link da imagem) center left; no-repeat}

para alinhar a imagem à direita, coloque center right. Se desejar usar uma cor e imagem diferente para cada título, basta:

#Image5 h2 {background: #ccc url(link da imagem 1) center left no-repeat}

#Image4 h2{background: #000 url(link da imagem 2) center left no-repeat}

Você pode posicionar as imagens de outras maneiras também:

top left, bottom left, top right, bottom right.

Leia Mais Para Blog

2011

Entre na aba 'design' → 'editar html'(não precisa clicar em 'expandir modelo de widget') e procure pela tag e cole esse código abaixo ANTES dessa tag:

Aperte aqui para pegar o código

Como este script mostra uma miniatura da imagem do post junto com o resumo do texto, você pode personalizar a quantidade de caracteres que aparecerão no resumo e o tamanho da miniatura da imagem do post, desta forma:
Em summary_noimg → é aqui que você vai indicar a quantidade de caracteres para os resumos se o texto não contiver imagem.
summary_img → Indique o número de caracteres do resumo para o texto que contiver imagens.

É neste trecho que você vai definir o tamanho que você quer que as imagens do resume tenham:
img_thumb_height → Indique a altura da imagem
img_thumb_width → Indique a largura da imagem


Visualize e Salve!

Parte 2

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
*>

PS: Procure sem os pontinhos vermelhos

Apague tudo e substitua por:

Aperte aqui para pegar o código
A palavra "Leia Mais" se refere ao texto do link que aparecerá no post, na sua página inicial, é onde o leitor ao clicar,e direcionado à página do post completo. É neste espaço que você coloca o texto que preferir (Ex.Continue Lendo,Ler Todo Artigo, Leia Mais, Ver Conteudo etc).

Você pode também personalizar o link "leia mais", de diversas maneiras,substituindo o texto por uma imagem, ou acrescentar uma imagem ao texto do link, com uma seta, por exemplo.
veja como logo abaixo:

Parte 3

Para substituir o texto por uma imagem, procure por este trecho:

<span id='showlink'>Leia Mais ►
E substitua o texto 'Leia Mais' por:


<span id='showlink'>
<img src="URL-DA-SUA-IMAGEM" />